<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		 <!--[if lt IE 9]>
    <script src="../js/jquery-1.11.3.js"></script>
    
<![endif]-->
<!--[if gte IE 9]><!-->
    <script src="../js/jquery-3.1.1.js"></script>
<!--<![endif]-->
<script type="text/javascript">
	

$(document).ready(function(){
  $("p:first-of-type").css("background-color","yellow");
       $("p:last-of-type").css("background-color","#0000FF");
       $("p:nth-child(3)").css("background-color","#FF00FF");
});
</script>
</head>
<body>

<p>body 中第一个段落。</p>
	<p>body 中de一个段落。</p>
<div style="border:1px solid;">
	<p>div 中第一个段落。</p>
		<p>div 中de一个段落。</p>
			<p>div 中de一个段落。</p>
	<p>div 中的最后一个段落。</p>
</div><br>
	<p>body 中de一个段落。</p>	
	<p>body 中de一个段落。</p>	
	<p>body 中de一个段落。</p>
<div style="border:1px solid;">
	<span>这是一个 span 元素。</span>
	<p>另一个 div 中第一个段落。</p>
	<p>div 中de一个段落。</p>
			<p>div 中de一个段落。</p>
	<p>另一个 div 中的最后一个段落。</p>
</div>

<p>body 中最后一个段落。</p>
	<p>body 中de一个段落。</p>
</body>
</html>